<p>SVG illustrations that are used for error states should use css class to adapt colors to current theme.</p>
<p>3 helpers are available: </p>
<ul>
    <li>
        <code class="code-inline">tlp-illustration-primary-box</code> used to both stroke and fill a shape.
    </li>
    <li>
        <code class="code-inline">tlp-illustration-primary-dark-box</code> used to both stroke and fill a shape.
    </li>
    <li>
        <code class="code-inline">tlp-illustration-primary-fill</code> used to fill with the primary color.
    </li>
    <li>
        <code class="code-inline">tlp-illustration-primary-stroke</code> used to stroke with the primary color.
    </li>
    <li>
        <code class="code-inline">tlp-illustration-secondary-light-fill</code> used to fill with the secondary light color.
    </li>
    <li>
        <code class="code-inline">tlp-illustration-secondary-light-stroke</code> used to stroke with the secondary light color.
    </li>
    <li>
        <code class="code-inline">tlp-illustration-secondary-dark-fill</code> used to fill with the secondary dark color.
    </li>
    <li>
        <code class="code-inline">tlp-illustration-secondary-dark-stroke</code> used to stroke with the secondary dark color.
    </li>
    <li>
        <code class="code-inline">tlp-illustration-tertiary-fill</code> used to stroke with a light color (mainly used for background elements).
    </li>
    <li>
        <code class="code-inline">tlp-illustration-tertiary-stroke</code> used to stroke with a light color (mainly used for background elements).
    </li>
</ul>
